Weather Claus 프로젝트 | TIL

멤버 3인으로 구성된 (FE 2, BE 1)Weather Claus 사이드 프로젝트를 한달 반 동안 진행하면서매일의 작업들을 기록해둔 시리즈입니다

10/5 (프로젝트 초기세팅) 시작부터 에러... ㅎ 이제 정상 작동합니다 ^^ ㅡ npm install --save-dev ㅡ 타입스크립트 쓰다가 안 쓰니까 왜 불편한지 너무 알겠다 보통은 TS가 자동으로 필요한 props 알려주는데 안 알려줌..... 막상

어제까지의 과정 일단 기본 틀 완료하고 검색 파트 시작 단계. ㅡ 현재 작업 중인 branch 확인하기 ** 별 표시가 붙어있는 게 현재 작업중인 브랜치 ㅡ branch 변경하기 현재는 *feature/main-page-search에 있음 -> feature/

form에서 enter를 하는 경우 페이지가 새로고침되는 것을 막기 위함 ㅡ 자꾸 떠서 구글링 해본 결과 무시해도 된다고 함.... 근데 왜 post 안 되는 건데 ㅡ 10/8 삶은 에러와 에러 끝없는 에러 에러 내용 A component suspended wh

오늘 자 To-do list 날씨 이미지 도출하기 (날씨 이미지를 어떻게 가져올지) 옷차림 이미지 도출하기 (동일) 백엔드와 통신하는 법 (내일 정규회의 전 1주차 과제 부분 시도하기-api 통신) 내일 회의 안건 정리 (로그인 파트) 로그인 파트 프론트 역할 분배

어제 1차 과제(검색기능/날씨,옷차림 이미지 반환)을 완료하고 프론트 미팅을 간단히 진행했는데 영훈님께서 내가 한 것을 바탕으로 useQuery를 사용해서 검색기능 해보시겠다고 하셔서 방금 수정된 코드를 보니 너무 잘하잖아.......... 리팩토링도 깔쌈하고 아주 그

git branch 삭제하기 (1차 로컬 - 2차 원격) 로컬에서 삭제하기 로컬에서 삭제 후 원격 저장소에 있는 branch도 삭제하기 원격에서 삭제하기 남은 브랜치 없이 정리 완료 ! git branch 원격 저장소에서 가져오기 사실 지금 생각해보면 기존

ㅡ 오늘 할 일 회원가입 페이지 생성 (react-router-dom) 회원가입 기능 구현 (react-hook-form) react-router-dom v6로 페이지 분리하고 react-hook-form 라이브러리를 사용해서 회원가입 기능 구현 중 UI는 http

유효성 검사 : 요청한 데이터가 어떠한 조건에 부합하는지 확인하는 작업 오늘 할 일 아이디 중복검사 비밀번호 해시 작업 (백엔드 처리 권장) 이메일 인증 아이디 중복검사 완료 너무 어려워어려우어어어어ㅓㅇ 이메일 인증까지 하는 건 턱도 없었다 사실 엄청난 가상의 친

오늘 과제 이메일 인증 리캡챠 에러발생 (1) form cannot appear as a descendant of form -> form 안에 form이 들어있어 나타나는 오류라고 하는데 대체 오디..? 폼 찾기 갑니다 ->> (해결) Username 컴포넌트 분

오늘 할 일 리캡챠 회원가입 마무리 useFormContext react-hook-form 사용할 때 안에 input부분을 다 컴포넌트로 분리해서 그 값을 받아올 수 있는 방법 ㅡ 지금 잠깐 디코로 회의하고 있는데 회원가입 파트 끝내고 로그인 파트 두 분이 회의하

오늘 할 일 회원가입 수정 프론트엔드 회의 2주차 과제 테스트 (회원가입, 로그인) 정기회의 (3주차 과제 논의) 비구조화 할당 >비구조화 할당(Destructuring Assignment)은 JavaScript에서 배열이나 객체의 값을 간편하게 추출하여 변수에 할

오늘 할 일 회원가입 에러 처리 파트 response.ok 는 상태코드 200번대를 말한다. 즉 !response.ok는 200번대가 아닌 경우 ex) 400,500번대 ㅡ 생각해보니 어제 문제였던 부분 생각해보니 회원가입페이지를 "벗어났을 때" 값을 초기화하면

오늘 할 일 날짜 모양 바꾸기 위치 동의 여부 팝업 작업 다음과 같은 날짜 값에서 2024-10-18 03:00:00 -> 10/18 로 만들려고 한다 무슨 함수를 써야하더라......... new Date / getDate / getMonth 일단 빨리 회원가입

오늘 할 일 유효성 검사 통과 후 버튼 작동 시키기 회원가입 마무리, merge 작업 시행 (w/ 로그인 파트) 이 부분만 완료하면 회원가입은 끄읕이야 너어는 이제 안 봐(는 아님) react-hook-form \> formState : { isValid } 속성을

오늘 할 일 로그인 css 커밋 위치 동의 여부 파트 css #1 text-decoration: underline은 transition: all 0.3s 가 적용이 안 된다 (찾아보니 text-decoration: underline 속성은 css 트랜지션이 적용 안

오늘 할 일 위치동의 여부 수정 작업 회원가입 예외처리 추가 작업 뭐임 위치 동의 http 안 된다고 해서 https로 했는데 지금은 또 되는데? 이거 참... 알 수가 없네 뭔가 수정이 되었지만 또 오류가 있다 예를 들어 로그인 > 위치 동의 o > 검색하면 검색

오늘 할 일 검색 기능 수정 작업 테스트, 정기회의 커밋했는데 큰일났다 아 어제 되돌리고 싶어서 git log 해서 전에 commit 된 걸로 checkout하고 원래대로 돌리지 않고 그 commit에 commit을 했더니 문제 발생 ! 지금 현재 (HEAD 분리

오늘 할 일 회원가입 파트) 닉네임 추가 (마이 페이지 내) \+ 비밀번호 보이게 하기 기능 추가 눈 아이콘을 클릭했을 때 password가 \* 으로 보이는 거에서 text로 확인가능하게 하는 법 중간 중간 코드가 생략되어있음 암튼 useRef를 사용하려고 했는

오늘 할 일 readme 작성하기 콘솔 경고문 React Hook useEffect has missing dependencies: 'setEmailCodeCheck', 'setEmailDuplicate', and 'setUsernameDuplicate'. Either

오늘 할 일 디코 확인 후 PR - merge 진행하기 UI 다듬기 프론트 팀원분이 마이페이지 만드신 코드를 보면서 감탄 & 경악 중... 새로 배운 것들은 적어두도록 하겠음 useNavigate - replace: true 옵션 \- 페이지 이동 기록이 남지 않

오늘 할 일 UI 작업 아이디 찾기 기능 구현 내일 일정이 갑자기 생겨서 새벽에 작업하기 -- 이게 바로 야작 ? 비밀번호 입력 변경 로그인 UI와 일치시켜주었음 x버튼을 눌러 전단계로 돌아갈 수 있도록 함 참고) https://support.midasuser.

오늘 할 일 프로젝트 기간 확정하기 vercel 프론트엔드 배포해보기 UI 작업하기 마이페이지 UI 작업 (현재) 이것도 약간 수정된거기는 하다 아 어떻게 하면 아름다운 마이페이지를 만들 수 있지 ㅠ ㅎ 그냥 일단 이렇게 가.....는거 어때요 vercel 배포

오늘 할 일 어제 배포 작업 (데이터값 불러오기 실패 건) 정기회의 오후 3시 웹소켓 서치 프로젝트 기간 확정 짓기 또 뭐임. 또또 회원가입 모냐구요휘성이 부릅니다. 이러지마 제발 약간 벨로그 제목을 바꿀까봐--또에러. 로 현재 branch에서 다른 branch 내

오늘 할 일 비밀번호 작업 완료하기 (보기 / 숨기기) 디테일 브랜치 분리 ㄴ 서버 이슈로 1,2번은 내일부터 진행 예정 ❗️ footer 작성 내용 정리하기 (자료 찾기) 전체 readme 파일 작성하기 Footer에 작성할 내용 정리하기 >© 2024 Weath

오늘 할 일 비밀번호 작업 완료하기 (보기/숨기기) 디테일 수정 브랜치 분리하기 ㄴ 현재 브랜치에서 분리하기 footer 시안대로 변경하기 readme 자료 찾아보기 readme 작성하기 서버를 다시 띄울 때마다 유저 정보가 날라감 -> 따로 DB를 사용하지 않아서

오늘 할 일 readme 기술스택 뱃지 추가 애니메이션 계획 짜기 애니메이션 작업 오늘의 에러 Found a swap file by the name ~ 최신 커밋된 파일에 url 하나가 빠져서 그것만 추가하고 수정하려고 했더니 뭔가 예. 에러가 났습니다 (git c

오늘 할 일 스피너 작업하기 readme 프로젝트 소개 파트 작성하기 로고 로딩 스피너 loading spinner css 참고) https://css-loaders.com/spinner/ 어제 달의 모양이 바뀌는 스피너로 할까하다가 역시 오늘 보니 기본이 베스트

오늘 할 일 readme-개발기간과 팀 웨더클로스 파트 작성 페이지 별 브라우저탭 타이틀 변경 애니메이션 구상 readme-개발기간과 팀 웨더클로스 파트 작성 마크다운 테이블이 (표 작성) 문법대로 작성했는데도 표로 안 나오고 그냥 텍스트로 나와서 열심히 구글링을 했

오늘 할 일 내일, 모레 날씨 값 넣기 날씨카드 UI 수정하기 (날씨카드 한정 영어폰트 변경 ? branch명 바꾸기 먼저 로컬에서 1차로 변경 (체크아웃된 브랜치에서) 원격저장소 2차 변경 그럼 끝 - ! 우리도 디자이너 주세요 ㅠㅠㅠㅠㅠㅠ 옷 이미지 찾다가

오늘 할 일 날씨카드 크기 맞추기(? 닉네임 넣기 회원가입 유효성 검사 텍스트 UI 수정 footer 반응형 날씨카드 크기 맞추기 (어느 쪽이 나은지 비교하기) ** 지금 보니 옷 이미지랑 내용이랑 안 맞는 것도 있어서 수정 필요 -> 2번째로 했는데 결국 다시 원

오늘 할 일 프론트엔드 readme 작성 반응형 디테일 작업 회원가입/로그인 UI 수정 프론트엔드 readme 작성 어제 정기회의를 통해 팀 readme는 개인 깃헙 프로필에 pinned을 하지 못한다는 것을 듣고 원래 계획은 팀 리드미만 작성하는 거였는데 ㅎㅎ 예

오늘 할 일 로그인/회원가입 페이지 홈버튼 생성 반응형 디테일 작업 닉네임 넣기 회원가입 페이지 UI 변경 (기존) (2) 아 이게 velog 페이지 배경이 흰 색이라 더 웃기네..... ㅎ 기존 거는 그대로 있고 페이지만 그대로 복제해서 수정해봄 어떤가요 참

오늘의 할 일 회원가입 UI 시안3 제작 반응형 디테일 작업 완료 회원가입 UI 시안3 제작 만들어 둔 거 노션에 올려두고 비교하니 가장 첫번째가 나은 거 같기도 하고 ㅠ 1번 시안이랑 접목함 뭔가 괜찮은 거 같기도 하고 구린 거 같기도 하고- 최.최최.최최최종

오늘 할 일 반응형 디테일 작업 완료하기 반응형 디테일 작업 오늘 기필코 완료한다 메인페이지 회원가입 페이지 아이디 찾기 로그인 ![](https://velog.velcdn.com/images/eunsuknoh/post/4fc46c77-3437-4553-a8

오늘 할 일 반응형 정리 후 commit 및 PR 회원가입 반응형 수정 완료 ! 시안 3에만 반응형 하고 기존에는 안 했다는 것을 깨달아서 작업 완료 ✌️ 리캡챠 크기 줄이는 법 PR 진행중인데 이게 뭘까요 보니까 뭔가 netlify 배포에 오류가 나서 저렇게 뜨

오늘 할 일 PR merge 진행 배포 완료 public 폴더에 robots.txt 파일은 무엇인가 cra로 앱을 만들고 자동적으로 생성된 파일인데 이게 대체 무엇인고 하니 gpt의 답변은 다음과 같습니다 = SEO을 위한 것 > robots.txt 파일은 검색

오늘 할 일 마지막 정기회의 마무리 방명록 겸 채팅창 ? UI 수정하기 처음에는 갈색계열의 우드 프레임으로 하려고 했는데 몇 번 실패해서 요 실버 다크 계 ? 를 발견했는데 생각보다 분위기랑 너무 잘 어울리고 + 두께 얇음 + 원본이 png 가능이라 화질도 좋아서 딱

오늘 할 일 리캡챠 기능 복원 채팅 UI 리캡챠 기능 복원 리캡챠 토큰 값이 바디에 잘 들어가는데 안 가지는 걸 보니 https 문제인 거 같다 netlify 배포해서 확인하는 법 밖에 없나 ? 배포 후 확인하니 여전히 같은 오류가 난다 ㄴ 리캡챠 400 오류

오늘 할 일 채팅 UI 끝내기 채팅 반응형 작업 채팅 UI 오늘 기필코. 채팅창 UI를 완수하겠음 (작업 전) 변경완료 ! ㄴ 아래 디테일한 부분 변경, 배경 더 투명화, 전체 배경색 그라데이션 방향 변경, 그림자 효과 수정할 부분 : 시간 - 분까지만 표시

오늘 할 일 브랜치 master로 병합 netlify 재배포 gif 파일 생성 readme 작성 노션 정리 velog 정리 footer 목차 연동 footer에 있는 목차 목록을 클릭하면 페이지 내에 해당 위치로 이동하기 ㄴ 안 됨 블로그 참고해서 작성하고 gpt

오늘 할 일 Gif 파일 생성 후 팀 readme 작성 완료하기 Velog 임시 글 포스팅 완료하기 git 파일 생성하기 이거만 하는데 하루 웬종일 걸려....... 필요한 파일은 총 6개였는데 영상 스무스하고 빠르게 찍고(맘에 들 때까지 재녹화) 영상 gif 파

적어야할 후기가 TIL 작성 후기 / 프로젝트 후기로 나누어지지 않을까 싶다먼저 TIL (Today I learned)에 대해 적어보고자 한다 일단 TIL 처음 써봤다 애초에 플젝 자체가 처음이기는 하지만 그것과는 별개로 클론 코딩 공부할 때도 블로그나 넷상에 기록하는